<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="html,css,html5,javascript">
    <meta name="author" content="yejf">
    <!-- 导入bootstrap 全局样式 -->
    <link rel="stylesheet" href="../static/bootstrap-3.3.7-dist/css/bootstrap.min.css" type="text/css">
    <title>hello,thymeleaf</title>

</head>

<body>

<div class="container">
    <div class="row">
        <div class="col-md-6">
            <h1 th:text="${message}">Hello,Thymeleaf!</h1>
            <table class="table table-striped">
                <tr>
                    <th>id</th>
                    <th>用户名</th>
                    <th>手机号</th>
                </tr>
                <tr th:each="user: ${users}">
                    <td th:text="${user.id}">表内容1</td>
                    <td th:text="${#strings.length(user.userName)}">表内容2</td>
                    <td th:text="${user.mobilePhone}">表内容3</td>
                </tr>
                <tr th:remove="all">
                    <td>表内容1</td>
                    <td>表内容2</td>
                    <td>表内容3</td>
                </tr>
                <tr th:remove="all">
                    <td>表内容1</td>
                    <td>表内容2</td>
                    <td>表内容3</td>
                </tr>
            </table>
        </div>
    </div>
</div>

<script src="../static/jquery/jquery.min.js" type="text/javascript"></script>
<script src="../static/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript"></script>
</body>
</html>